<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>努比亚nubia手机商城——努比亚nubia智能手机官网</title>
		<meta name="keywords" content="努比亚手机商城，nubia手机商城，努比亚手机, 努比亚Z17S, Z17, Z17mini, M2, M2青春版, Z11 miniS, Z11, Z11 mini, N2, 努比亚手机配件, 随手拍出好照片" />
    	<meta name="description" content="努比亚手机商城，nubia手机商城，囊括了Z17S, Z17, Z17mini, M2, M2青春版, Z11, Z11 miniS等智能手机及其配件，同时提供努比亚客户服务及售后支持。" />

		<script type="text/javascript" src="./js/ajaxUtils.js"></script>
		<script type="text/javascript" src="./js/jquery-3.1.0.min.js"></script>
		<script type="text/javascript" src="./js/jquery.bxslider.min.js"></script>
		<script type="text/javascript" src="./js/footer.js"></script>

    	<link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon" />
    	<link rel="stylesheet" href="./css/bootstrap.css" />
    	<link rel="stylesheet" href="./css/nubia-ui.css" />
    	<link rel="stylesheet" href="./css/store.css" />
    	<!--引用外部图标CSS样式和图标资源-->
    	<link rel="stylesheet" href="https://static.nubia.cn/v2/css/typo.css" />
    	<link rel="stylesheet" href="./css/base.css" />
    	<link rel="stylesheet" href="./css/jquery.bxslider.css" />
    	<link rel="stylesheet" href="./css/nbmall.css" />
    	<link rel="stylesheet" href="./css/shop.css" />
    	<link rel="stylesheet" href="./css/actitem.css" />
    	<link rel="stylesheet" href="./css/footer.css" />

		<style type="text/css">
			
			.flag {
			    background-image: url(./images/spritesheet.png);
			    background-repeat: no-repeat;
			    display: inline-block;
			    margin-bottom: -2px;
			    border-radius: 4px;
			/*    border: 1px solid #fff;*/
				-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16);
				box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16);
			}

			.flag-cn {
			    width: 16px;
			    height: 11px;
			    background-position: -2px -692px;
			}
			
			.price-cancel {
		        display: inline-block;color: #bbb;text-decoration: line-through;
		    }
		    .product .list ul li a i.img-circle {margin: 20px 0 !important;}
		    .wrap{height: auto !important;}
		    .icon-circle_ser:before {content: "\e901";}
		    .icon-circle-server:before {content: "\e903";}
		    .icon-circle_cog{content: "\e90d";}
		    .icon-circle_report{content: "\e9ef";}
		    .icon-circle_15-c:before {content: "\e900";}
		    .icon-circle-more:before {content: "\e927";}

		    .btn-sell{background: #f35c49 !important;color:#fff !important;}
		    .btn-sell:hover{background: #ec402a !important; color:#fff !important;}
		    .bx-wrapper img{max-width: 100000000%;}
		    .nb-video-layer{background: rgba(0,0,0,.7);}
		    .nb-mlside-menu>a>div.figure{width: 60px !important;height:60px !important;margin-top: 15px !important;}
		    .nb-mlside-menu>a>div.figure>img{width: 100% !important;}
		    .nb-mlside-menu>a>p{margin-left: 80px !important;}
		    .price_old{color:#aaa !important;text-decoration:line-through;position: relative;top:-2px;border-left:1px solid #aaa;padding-left: 5px;height: 14px;line-height: 14px;}
		    .main-nav a i.mhm{margin-top: 5px;}
		    .ads-banner>a>img{width: 100%;}
		    .nbc-pro-cont .price span{    margin-right: 5px;}
		    .bxslider>li>a>img{max-width: 1920px;}
		    .main-header .container{min-width: 1200px !important;}

		    [v-cloak]{display: none;}
			.main-header .main-nav> ul> li.cart{height: 66px;}
			.main-header i.icon-2x{font-size: 20px;}
			.main-header .member{display: none;}

		</style>
	</head>
	<body>
		<!--首页页头开始-->
		<header id="header" class="store2016">
			<div class="main-header">
				<div class="container">
					<div class="row">
						<button id="collapse_btn" type="button" data-toggle="collapse" data-target="#navbar-collapse-main" class="col-xs-2 collapse-toggle collapse">
							<span class="sr-only">Toggle navigation</span>
						</button>
						<a href="#" class="col-xs-8 col-sm-2 text-xs-center text-sm-left">
							<img alt="Nubia" src="./images/nubia-logo-inverse-x2-cn.png" height="50px" style="margin-top: 6px;">
						</a>

						<!--导航栏菜单开始-->
						<div id="navbar-collapse-main" class="main-nav collapse">
							<ul class="list-inline">
								<li><a href="#">商城</a></li> 
								<li id="product" class="product">
									<a href="javascript:void(0)">手机</a> 
									<div class="list" style="display: block; height: 0px; overflow: hidden;">
										<div class="container">
											<a href="#" class="page-arrow arrow-left hidden-xs"><i class="icon-arrow-left4"></i></a> 
											<ul>
												<li><a href="#"><img src="./images/152343491442.png" alt="Z18mini"> <span>Z18mini</span></a></li>
												<li><a href="#"><img src="./images/152152399030.png" alt="V18 全面屏"> <span>V18 全面屏</span></a></li>
												<li><a href="#"><img src="./images/150779044081.png" alt="Z17S全面屏"> <span>Z17S全面屏</span></a></li>
												<li><a href="#"><img src="./images/150779051689.png" alt="Z17miniS小牛8"> <span>Z17miniS小牛8</span></a></li>
												<li><a href="#"><img src="./images/150112378262.png" alt="Z17 旗舰版"> <span>Z17 旗舰版</span></a></li>
												<li><a href="#"><img src="./images/152116389452.png" alt="N3"> <span>N3</span></a></li>
												<li><a href="#"><img src="./images/149750591120.png" alt="Z17mini"> <span>Z17mini</span></a></li>
												<li><a href="#"><img src="./images/149622411546.png" alt="Z11"> <span>Z11</span></a></li>
												<li><a href="#"><img src="./images/149914648717.png" alt="N2"> <span>N2</span></a></li>
												<li><a href="#"><img src="./images/15014923554.png" alt="M2 畅玩版"> <span>M2 畅玩版</span></a></li> 
												<li><a href="#"><i class="icon-plus pam img-circle text-light hidden-xs" style="background: rgb(40, 40, 40);"></i> <span>查看所有<br>手机</span></a></li>
											</ul> 
											<a href="#" class="page-arrow arrow-right hidden-xs"><i class="icon-arrow-right4"></i></a>
										</div>
									</div>
								</li> 
								
								<li><a href="#">红魔手机</a></li> 
								
								<li id="acc" class="product">
									<a href="javascript:void(0)">配件</a> 
									<div class="list" style="display: block; height: 0px; overflow: hidden;">
										<div class="container">
											<a href="#" class="page-arrow arrow-left hidden-xs"><i class="icon-arrow-left4"></i></a> 
											<ul>
												<li><a href="#"><i class="icon-case"></i> <span>保护壳</span></a></li>
												<li><a href="#"><i class="icon-leather-case"></i> <span>皮套</span></a></li> 
												<li><a href="#"><i class="icon-screen-protect"></i> <span>贴膜</span></a></li> 
												<li><a href="#"><i class="icon-earphones"></i> <span>耳机</span></a></li> 
												<li><a href="#"><i class="icon-cable"></i> <span>数据线/充电器</span></a></li> 
												<li><a href="#"><i class="icon-peripheral"></i> <span>周边产品</span></a></li> 
												<li><a href="#"><i class="icon-plus icon-sm pam img-circle text-light hidden-xs" style="background: rgb(40, 40, 40);"></i> <span>查看所有<br>配件</span></a></li>
											</ul> 
											<a href="#fakelink" class="page-arrow arrow-right hidden-xs"><i class="icon-arrow-right4"></i></a>
										</div>
									</div>
								</li> 

								<li><a href="#">摄影</a></li> 
								<li><a href="#">服务</a></li> 
								<li><a href="#">体验店</a></li> 
								<li><a href="#">社区</a></li> 

								<li id="ui" class="product">
									<a href="javascript:void(0)">nubia UI</a> 
									<div class="list" style="display: block; height: 0px; overflow: hidden;">
										<div class="container">
											<ul>
												<li><a href="#"><img src="./images/nubiaui-logo.png" alt="" class="hidden-xs" style="height: 75px; margin: 15px 0px 10px;"> <span>nubia UI 5.0</span></a></li> 
												<li><a href="#"><i class="icon-circle_arrow-down5 hidden-xs"></i> <span>ROM下载</span></a></li> 
												<li><a href="#"><i class="icon-message hidden-xs"></i> <span>UI社区</span></a></li> 
												<li><a href="#"><i class="icon-cloud-transfer hidden-xs"></i> <span>云服务</span></a></li> 
												<li><a href="#"><i class="icon-tools hidden-xs"></i> <span>应用</span></a></li>
											</ul>
										</div>
									</div>
								</li> 

								<li class="dropdown dropdown-medium text-left pull-right cart hidden-xs"><a href="#" class="text-inverse">购物车<i class="icon-caddie icon-2x"></i></a></li> 

                                <li id="memberUnLogin" class="dropdown dropdown-medium text-left pull-right hidden-xs member" style="display: block;">
                                	<a href="#" data-toggle="" class="text-inverse">&nbsp;<i class="mhm icon-user-o icon-2x"></i></a>
                                </li>
                            </ul>
                        </div>
                        <!--导航栏菜单结束-->

					</div>
				</div>
			</div>
		</header>
		<!--首页页头结束-->

		<div class="nb-mobile-contain nb-banner-contain">
			<!--首页大图轮播开始-->
		    <div class="bx-wrapper">
				<div class="bx-viewport">
				    <div class="bx-wrapper" style="max-width: 100%;">
				    	<div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 520px;">
				    		<ul class="bxslider" id="sliderBlock" style="width: auto; position: relative;">
				    			<li style="float: none; list-style: none; position: absolute; width: 1200px; z-index: 50; display: list-item;">
				    				<a href="#">
				    					<img style="position: relative; left: -490.5px;" src="./images/152637741447.jpg" data-x2="./images/152637741465.jpg">
				    				</a>
				    			</li>
				    			<li style="float: none; list-style: none; position: absolute; width: 1200px; z-index: 0; display: none;">
				    				<a href="#">
				    					<img style="position: relative; left: -490.5px;" src="./images/152634987832.jpg" data-x2="./images/152634987867.jpg">
				    				</a>
				    			</li>
				    			<li style="float: none; list-style: none; position: absolute; width: 1200px; z-index: 0; display: none;">
				    				<a href="#">
				    					<img style="position: relative; left: -490.5px;" src="./images/152591856912.jpg" data-x2="./images/15259185694.jpg">
				    				</a>
				    			</li>
				    			<li style="float: none; list-style: none; position: absolute; width: 1200px; z-index: 0; display: none;">
				    				<a href="#">
				    					<img style="position: relative; left: -490.5px;" src="./images/152472695864.jpg" data-x2="./images/152410268955.jpg">
				    				</a>
				    			</li>
				    			<li style="float: none; list-style: none; position: absolute; width: 1200px; z-index: 0; display: none;">
				    				<a href="#">
				    					<img style="position: relative; left: -490.5px;" src="./images/152360932214.jpg" data-x2="./image/152360932265.jpg">
				    				</a>
				    			</li>
				    		</ul>
				    	</div>

				    	<div class="bx-controls bx-has-pager bx-has-controls-direction">
				    		<div class="bx-pager bx-default-pager">
				    			<div class="bx-pager-item">
				    				<a href="" data-slide-index="0" class="bx-pager-link active">1</a>
				    			</div>
				    			<div class="bx-pager-item">
				    				<a href="" data-slide-index="1" class="bx-pager-link">2</a>
				    			</div>
				    			<div class="bx-pager-item">
				    				<a href="" data-slide-index="2" class="bx-pager-link">3</a>
				    			</div>
				    			<div class="bx-pager-item">
				    				<a href="" data-slide-index="3" class="bx-pager-link">4</a>
				    			</div>
				    			<div class="bx-pager-item">
				    				<a href="" data-slide-index="4" class="bx-pager-link">5</a>
				    			</div>
				    		</div>
				    		<div class="bx-controls-direction">
				    			<a class="bx-prev" href="">Prev</a>
				    			<a class="bx-next" href="">Next</a>
				    		</div>
				    	</div>

				    </div>
				</div>
			</div>
			<!--首页大图轮播结束-->

			<!--侧边栏产品菜单开始-->
		    <div class="cl nb-ml-h-nav-box" id="leftmenu">
		    	<div class="nb-ml-side">
		    		<ul> 
		    			<li class="nb-z-ico" data-top="0"> 
		    				<a class="cl" href="javascript:void(0)"> 
		    					<div class="seri-info"><h2>红魔电竞游戏手机</h2></div> 
		    				</a>
		    				<!--红魔手机子菜单开始-->
		    				<div class="nb-mlside-menu cl">
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/5ad88af99df2092.png?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>曜石黑</p>
		    					</a>
		    				</div>
		    				<!--红魔手机子菜单结束-->
		    			</li> 
		    			<li class="nb-z-ico" data-top="0"> 
		    				<a class="cl" href="javascript:void(0)"> 
		    					<div class="seri-info"><h2>Z18mini </h2></div> 
		    				</a>
		    				<!--Z18mini手机子菜单开始-->
		    				<div class="nb-mlside-menu cl">
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/5ad95436bb00b20.png?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>Z18mini 青瓷蓝</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/152343282461.png?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>Z18mini 耀钻黑</p>
		    					</a>
		    				</div>
		    				<!--Z18mini手机子菜单结束-->
		    			</li> 
		    			<li class="nb-z-ico" data-top="0"> 
		    				<a class="cl" href="javascript:void(0)"> 
		    					<div class="seri-info"><h2>V18</h2></div> 
		    				</a>
		    				<!--V18手机子菜单开始-->
		    				<div class="nb-mlside-menu cl">
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/5af10f05396e826.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>V18 星云红</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/152351593253.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>V18 太空金</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/152170501467.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>V18 曜石黑</p>
		    					</a>
		    				</div>
		    				<!--V18手机子菜单结束-->
		    			</li> 
		    			<li class="nb-z-ico" data-top="0"> 
		    				<a class="cl" href="javascript:void(0)"> 
		    					<div class="seri-info"><h2>Z17S/Z17miniS</h2></div> 
		    				</a>
		    				<!--Z17S/Z17miniS手机子菜单开始-->
		    				<div class="nb-mlside-menu cl">
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/5ad8888e3a1a246.png?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>Z17S黑金</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/5ad8888e2d1ca18.png?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>Z17S极光蓝</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/150779731849.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>Z17miniS黑金</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/150779735188.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>Z17miniS深海蓝</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/150779738267.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>Z17miniS爱琴海蓝</p>
		    					</a>
		    				</div>
		    				<!--Z17S/Z17miniS手机子菜单结束-->
		    			</li> 
		    			<li class="nb-z-ico" data-top="0"> 
		    				<a class="cl" href="javascript:void(0)"> 
		    					<div class="seri-info"><h2>Z17/Z17mini</h2></div> 
		    				</a>
		    				<!--Z17/Z17mini手机子菜单开始-->
		    				<div class="nb-mlside-menu cl">
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/59301bea0f7b573.jpeg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>Z17 曜石黑</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/59301bea101a495.jpeg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>Z17 旭日金</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/59301bea0fe007.jpeg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>Z17 烈焰红 </p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/59301bea0f2f794.jpeg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>Z17 黑金  </p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/59301bea1505943.jpeg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>Z17 极光蓝 </p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/5af2911fe46ca13.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>Z17mini 雅黑</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/594226c6bc81975.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>Z17mini 香槟金</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/594226c6bca125.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>Z17mini 黑金</p>
		    					</a>
		    				</div>
		    				<!--Z17/Z17mini手机子菜单结束-->
		    			</li> 
		    			<li class="nb-z-ico" data-top="0"> 
		    				<a class="cl" href="javascript:void(0)"> 
		    					<div class="seri-info"><h2>M&amp;N系列</h2></div> 
		    				</a>
		    				<!--M&N系列手机子菜单开始-->
		    				<div class="nb-mlside-menu cl">
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/152116438574.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>N3 曜石黑</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/150546402352.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>N2 黑金</p>
		    					</a>
		    				</div>
		    				<!--M&N系列手机子菜单结束-->
		    			</li> 
		    			<li class="nb-z-ico" data-top="0"> 
		    				<a class="cl" href="javascript:void(0)"> 
		    					<div class="seri-info"><h2>周边配件</h2></div> 
		    				</a>
		    				<!--周边配件子菜单开始-->
		    				<div class="nb-mlside-menu cl">
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/152464790376.png?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>努比亚游戏背包</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/152464783033.png?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>过滤防护口罩</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/5aec09440da7533.png?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>努比亚红魔游戏T恤</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/151565949988.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>努比亚随身路由</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/150448928368.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>运动蓝牙耳机</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/592e70c9565e281.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>VR全景相机</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/592e70c96fab265.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>便携式移动电源</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/592e7739e93b19.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>快充移动电源</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/592e70c9736d781.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>自拍杆</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/592e70c97273a93.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>三脚架</p>
		    					</a>
		    				</div>
		    				<!--周边配件子菜单结束-->
		    			</li> 
		    			<li class="nb-z-ico" data-top="0"> 
		    				<a class="cl" href="javascript:void(0)"> 
		    					<div class="seri-info"><h2>专属配件</h2></div> 
		    				</a>
		    				<!--专属配件子菜单开始-->
		    				<div class="nb-mlside-menu cl">
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/152464776341.png?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>红魔电竞游戏耳机</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/150448934922.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>运动蓝牙耳机</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/150123218667.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>蓝牙耳机</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/592e70c9455ef97.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>耳机</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/592e70c94622878.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>保护壳</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/592e70c95225e3.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>皮套</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/592e70c955b8574.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>数据线</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/592e70c953c5228.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>充电器</p>
		    					</a>
		    					<a class="cl" href="#" target="_self">
		    						<div class="figure">
		    							<img src="./images/150779778840.jpg?x-oss-process=image/resize,w_92,h_92">
		    						</div>
		    						<p>努比亚降噪耳机</p>
		    					</a>
		    				</div>
		    				<!--专属配件子菜单结束-->
		    			</li>
		    		</ul>
				</div>
			</div>
			<!--侧边栏产品菜单结束-->
		</div>

		<div id="nb-mall-wrap">
		    <div class="nb-mobile-contain">

		    	<!--新发布产品开始-->
		        <div class="cl nb-ml-newrelease">
		            <div class="nb-channel-item i-left">
		                <ul class="">
		                    <li class="">
		                        <a href="#"><i class="icon-circle_refresh"></i> <span>以旧换新</span></a>
		                    </li>
		                    <li class="">
		                        <a href="#"><i class="icon-circle_cloud-up"></i> <span>NB码通道</span></a>
		                    </li>
		                    <li class="">
		                        <a href="#"><i class="icon-circle_shield"></i> <span>屏碎宝</span></a>
		                    </li>
		                    <li>
		                        <a href="#"><i class="icon-circle_ser"></i> <span>真伪查询</span></a>
		                    </li>
		                    <li class="">
		                        <a href="#"><i class="icon-circle-server"></i> <span>售后网点</span></a>
		                    </li>
		                    <li class="bgc">
		                        <a href="#"><i class="icon-circle_arrow-down"></i> <span>软件下载</span></a>
		                    </li>
		                </ul>
		            </div>

		            <div id="bookBlock">
		            	<div class="nb-ml-nr-item i-left">
		            		<div class=""> 
		            			<a href="#" target="_blank"><img src="./images/152350004328.jpg" width="310" height="180"></a>
		            		</div>
		            	</div>
		            	<div class="nb-ml-nr-item i-left">
		            		<div class=""> 
		            			<a href="#" target="_blank"><img src="./images/152343380990.jpg" width="310" height="180"></a>
		            		</div>
		            	</div>
		            	<div class="nb-ml-nr-item i-left">
		            		<div class=""> 
		            			<a href="#" target="_blank"><img src="./images/152343385867.jpg" width="310" height="180"></a>
		            		</div>
		            	</div>
		            </div>
		        </div>
		        <!--新发布产品结束-->

		        <div class="nb-mall-list">

		        	<!--热门产品开始-->
		            <dl id="hot_mall" class="cl nb-mall-m-hot">
		                <dt class="title">
			                <h2>热门产品</h2>
			                <a href="#">查看更多 <i class="icon-circle-more"></i></a>
		                </dt>
		                <dd class="nbc-new1-box">
		                    <ul class="cl" id="hotBlock">
		                    	<li style="margin-bottom:13px" class="goods-hover-shows">
		                    		<a href="#">
		                    			<div class="hot-mall"><span>新品</span></div>
		                    			<div class="nbc-pro-cont">
		                    				<div class="figure">
		                    					<img src="./images/15244726182.jpg" width="290" height="248">
		                    					<div class="figure-info">
		                    						<h2>Z18mini 耀钻黑</h2><span><span style="color:#FF4D4D">2400万双摄</span></span>
		                    					</div>
		                    				</div>
		                    				<div class="price">
		                    					<span> <sup>￥</sup> <label>1799</label> </span>
		                    				</div>
		                    			</div>
		                    		</a>
		                    		<div class="nbc-pro-btn">
		                    			<a class="btn-info" href="#">查看详情</a>
		                    			<a class="btn-sell" href="#">立即购买</a>
		                    		</div>
		                    	</li>

		                    	<li style="margin-bottom:13px" class="goods-hover-shows">
		                    		<a href="#">
		                    			<div class="hot-mall"><span>新品</span></div>
		                    			<div class="nbc-pro-cont">
		                    				<div class="figure">
		                    					<img src="./images/152170464783.jpg" width="290" height="248">
		                    					<div class="figure-info">
		                    						<h2>V18 曜石黑</h2><span><span style="color:#FF4D4D">6吋全面屏</span></span>
		                    					</div>
		                    				</div>
		                    				<div class="price" style="display: block;">
		                    					<span> <sup>￥</sup> <label>1299</label> </span>
		                    				</div>
		                    			</div>
		                    		</a>
		                    		<div class="nbc-pro-btn" style="display: none;">
		                    			<a class="btn-info" href="#">查看详情</a>
		                    			<a class="btn-sell" href="#">立即购买</a>
		                    		</div>
		                    	</li>

		                    	<li style="margin-bottom:13px" class="goods-hover-shows">
		                    		<a href="#">
		                    			<div class="hot-mall"><span>直降300</span></div>
		                    			<div class="nbc-pro-cont">
		                    				<div class="figure">
		                    					<img src="./images/15117611441.jpg" width="290" height="248">
		                    					<div class="figure-info">
		                    						<h2>Z17S黑金</h2><span><span style="color:#FF4D4D">全面屏无边框 </span></span>
		                    					</div>
		                    				</div>
		                    				<div class="price" style="display: block;">
		                    					<span> <sup>￥</sup> <label>2699</label> </span>
		                    					<span class="price_old">2999</span>
		                    				</div>
		                    			</div>
		                    		</a>
		                    		<div class="nbc-pro-btn" style="display: none;">
		                    			<a class="btn-info" href="#">查看详情</a>
		                    			<a class="btn-sell" href="#">立即购买</a>
		                    		</div>
		                    	</li>

		                    	<li style="margin-bottom:13px" class="goods-hover-shows">
		                    		<a href="#">
		                    			<div class="hot-mall"><span>直降200</span></div>
		                    			<div class="nbc-pro-cont">
		                    				<div class="figure">
		                    					<img src="./images/151055869460.jpg" width="290" height="248">
		                    					<div class="figure-info">
		                    						<h2>Z17 无边框 曜石黑</h2><span><span style="color:#FF4D4D">骁龙835处理器</span></span>
		                    					</div>
		                    				</div>
		                    				<div class="price" style="display: block;">
		                    					<span> <sup>￥</sup> <label>2299</label> </span>
		                    					<span class="price_old">2499</span>
		                    				</div>
		                    			</div>
		                    		</a>
		                    		<div class="nbc-pro-btn" style="display: none;">
		                    			<a class="btn-info" href="#">查看详情</a>
		                    			<a class="btn-sell" href="#">立即购买</a>
		                    		</div>
		                    	</li>
		                    </ul>
		                </dd>
		            </dl>
		            <!--热门产品结束-->

		            <!--精品手机开始-->
		            <dl class="cl nb-mall-m-hot">
		                <dt class="title">
		                	<h2>精品手机</h2>
		                	<a href="#">查看更多 <i class="icon-circle-more"></i></a>
		                </dt>
		                <dd style="margin-bottom:3px;" class="ads-banner" id="bestPhoneBanner">
		                	<a href="#"><img style="position:relative;" src="./images/152343508163.jpg"></a>
		                </dd>
		                <dd class="nbc-new1-box">
		                    <ul class="cl" id="bestBlock">
		                    	<li style="margin-bottom:13px" class="goods-hover-shows">
		                    		<a href="#">
		                    			<div class="nbc-pro-cont">
		                    				<div class="figure">
		                    					<img src="./images/152359718281.png" width="290" height="248">
		                    					<div class="figure-info">
		                    						<h2>Z17mini 香槟金 6GB+64GB</h2><span><span style="color:#FF4D4D">前置1600万美颜</span></span>
		                    					</div>
		                    				</div>
		                    				<div class="price">
		                    					<span> <sup>￥</sup> <label>1299</label> </span>
		                    					<span class="price_old">1599</span>
		                    				</div>
		                    			</div>
		                    		</a>
		                    		<div class="nbc-pro-btn">
		                    			<a class="btn-info" href="#">查看详情</a>
		                    			<a class="btn-sell" href="#">立即购买</a>
		                    		</div>
		                    	</li>

		                    	<li style="margin-bottom:13px" class="goods-hover-shows">
		                    		<a href="#">
		                    			<div class="hot-mall">
		                    				<span>直降200</span>
		                    			</div>
		                    			<div class="nbc-pro-cont">
		                    				<div class="figure">
		                    					<img src="./images/151263637992.jpg" width="290" height="248">
		                    					<div class="figure-info">
		                    						<h2>Z17 旭日金</h2><span><span style="color:#FF4D4D">骁龙835处理器</span></span>
		                    					</div>
		                    				</div>
		                    				<div class="price">
		                    					<span> <sup>￥</sup> <label>2299</label> </span><span class="price_old">2499</span>
		                    				</div>
		                    			</div>
		                    		</a>
		                    		<div class="nbc-pro-btn">
		                    			<a class="btn-info" href="#">查看详情</a>
		                    			<a class="btn-sell" href="#">立即购买</a>
		                    		</div>
		                    	</li>

		                    	<li style="margin-bottom:13px" class="goods-hover-shows">
		                    		<a href="#">
		                    			<div class="hot-mall">
		                    				<span>直降700</span>
		                    			</div>
		                    			<div class="nbc-pro-cont">
		                    				<div class="figure">
		                    					<img src="./images/15198693388.jpg" width="290" height="248">
		                    					<div class="figure-info">
		                    						<h2>Z17 6GB+128GB</h2><span><span style="color:#FF4D4D"></span></span>
		                    					</div>
		                    				</div>
		                    				<div class="price">
		                    					<span> <sup>￥</sup> <label>2699</label> </span><span class="price_old">3399</span>
		                    				</div>
		                    			</div>
		                    		</a>
		                    		<div class="nbc-pro-btn">
		                    			<a class="btn-info" href="#">查看详情</a>
		                    			<a class="btn-sell" href="#">立即购买</a>
		                    		</div>
		                    	</li>

		                    	<li style="margin-bottom:13px" class="goods-hover-shows">
		                    		<a href="#">
		                    			<div class="hot-mall">
		                    				<span>直降200</span>
		                    			</div>
		                    			<div class="nbc-pro-cont">
		                    				<div class="figure">
		                    					<img src="./images/152447231157.jpg" width="290" height="248">
		                    					<div class="figure-info">
		                    						<h2>Z17miniS 深海蓝</h2><span><span style="color:#FF4D4D">四摄拍照</span></span>
		                    					</div>
		                    				</div>
		                    				<div class="price">
		                    					<span> <sup>￥</sup> <label>1499</label> </span><span class="price_old">1699</span>
		                    				</div>
		                    			</div>
		                    		</a>
		                    		<div class="nbc-pro-btn">
		                    			<a class="btn-info" href="#">查看详情</a>
		                    			<a class="btn-sell" href="#">立即购买</a>
		                    		</div>
		                    	</li>
		                    </ul>
		                </dd>
		            </dl>
		            <!--精品手机结束-->

		            <!--精选配件开始-->
		            <dl class="cl nb-mall-m-hot">
			            <!--精选配件标题栏开始-->
		                <dt class="title">
		                	<h2>精选配件</h2>
		                	<a href="/accessory">查看更多<i class="icon-circle-more"></i></a>
		                </dt>
			            <!--精选配件标题栏结束-->
			            <!--精选配件列表开始-->
		                <dd class="nbc-new1-box">
		                    <ul class="cl" id="accessoryBlock">
		                        <li style="margin-bottom:13px" class="goods-hover-shows col2" id="accessoryBannerBlock">
		                        	<a href="#">
		                        		<img style="position:relative;" src="./images/150779321254.jpg">
		                        	</a>
		                        </li>
			                    <li style="margin-bottom:13px" class="goods-hover-shows">
			                    	<a href="#">
			                    		<div class="nbc-pro-cont">
			                    			<div class="figure">
			                    				<img src="./images/152542345711.png" width="290" height="248">
			                    				<div class="figure-info">
			                    					<h2>努比亚游戏背包</h2><span></span>
			                    				</div>
			                    			</div>
			                    			<div class="price">
			                    				<span> <sup>￥</sup> <label>199</label> </span>
			                    			</div>
			                    		</div>
			                    	</a>
			                    	<div class="nbc-pro-btn">
			                    		<a class="btn-info" href="#">查看详情</a>
			                    		<a class="btn-sell" href="#">立即购买</a>
			                    	</div>
			                    </li>
			                    <li style="margin-bottom:13px" class="goods-hover-shows">
			                    	<a href="#">
			                    		<div class="nbc-pro-cont">
			                    			<div class="figure">
			                    				<img src="./images/152542355288.png" width="290" height="248">
			                    				<div class="figure-info">
			                    					<h2>努比亚红魔游戏T恤</h2><span></span>
			                    				</div>
			                    			</div>
			                    			<div class="price">
			                    				<span> <sup>￥</sup> <label>99</label> </span>
			                    			</div>
			                    		</div>
			                    	</a>
			                    	<div class="nbc-pro-btn">
			                    		<a class="btn-info" href="#">查看详情</a>
			                    		<a class="btn-sell" href="#">立即购买</a>
			                    	</div>
			                    </li>
			                    <li style="margin-bottom:13px" class="goods-hover-shows">
			                    	<a href="#">
			                    		<div class="nbc-pro-cont">
			                    			<div class="figure">
			                    				<img src="./images/152575991773.png" width="290" height="248">
			                    				<div class="figure-info">
			                    					<h2>红魔电竞游戏耳机</h2><span></span>
			                    				</div>
			                    			</div>
			                    			<div class="price">
			                    				<span> <sup>￥</sup> <label>299</label> </span>
			                    			</div>
			                    		</div>
			                    	</a>
			                    	<div class="nbc-pro-btn">
			                    		<a class="btn-info" href="#1">查看详情</a>
			                    		<a class="btn-sell" href="#">立即购买</a>
			                    	</div>
			                    </li>
			                    <li style="margin-bottom:13px" class="goods-hover-shows">
			                    	<a href="#">
			                    		<div class="nbc-pro-cont">
			                    			<div class="figure">
			                    				<img src="./images/15063077369.jpg" width="290" height="248">
			                    				<div class="figure-info">
			                    					<h2>努比亚蓝牙耳机</h2><span>时尚配色</span>
			                    				</div>
			                    			</div>
			                    			<div class="price">
			                    				<span> <sup>￥</sup> <label>79</label> </span>
			                    			</div>
			                    		</div>
			                    	</a>
			                    	<div class="nbc-pro-btn">
			                    		<a class="btn-info" href="#">查看详情</a>
			                    		<a class="btn-sell" href="#">立即购买</a>
			                    	</div>
			                    </li>
			                    <li style="margin-bottom:13px" class="goods-hover-shows">
			                    	<a href="#">
			                    		<div class="nbc-pro-cont">
			                    			<div class="figure">
			                    				<img src="./images/149913364137.jpg" width="290" height="248">
			                    				<div class="figure-info">
			                    					<h2>快充移动电源</h2><span>10000mAh双向快充</span>
			                    				</div>
			                    			</div>
			                    			<div class="price">
			                    				<span> <sup>￥</sup> <label>149</label> </span>
			                    			</div>
			                    		</div>
			                    	</a>
			                    	<div class="nbc-pro-btn">
			                    		<a class="btn-info" href="#">查看详情</a>
			                    		<a class="btn-sell" href="#">立即购买</a>
			                    	</div>
			                    </li>
			                    <li style="margin-bottom:13px" class="goods-hover-shows">
			                    	<a href="#">
			                    		<div class="nbc-pro-cont">
			                    			<div class="figure">
			                    				<img src="./images/150450759557.jpg" width="290" height="248">
			                    				<div class="figure-info">
			                    					<h2>圈铁耳机</h2><span></span>
			                    				</div>
			                    			</div>
			                    			<div class="price">
			                    				<span> <sup>￥</sup> <label>99</label> </span>
			                    			</div>
			                    		</div>
			                    	</a>
			                    	<div class="nbc-pro-btn">
			                    		<a class="btn-info" href="#">查看详情</a>
			                    		<a class="btn-sell" href="#">立即购买</a>
			                    	</div>
			                    </li>
		                	</ul>
		                </dd>
		                <!--精选配件列表结束-->
		            </dl>
		            <!--精选配件结束-->

		        </div>
		    </div>
		</div>

		<div id="nb-mall-common">
		    <div class="nb-mobile-contain">
		        <div class="nb-mall-list">
		        	<!--产品热评开始-->
		            <dl class="cl nb-mall-m-rel">
			        	<!--产品热评标题开始-->
		                <dt class="title">
		                	<h2>产品热评</h2>
		                	<a href="#" target="_blank">查看更多 <i class="icon-circle-more"></i></a>
		                </dt>
		                <!--产品热评标题结束-->
		                <!--产品热评列表开始-->
		                <dd class="nbc-new1-box">
		                    <ul class="cl" id="hotCommentBlock">
		                    	<a href="#">
		                    		<li style="margin-bottom:13px" class="goods-hover-shows phone-comment">
			                    		<img src="./images/152464656360.jpg">
			                    		<div class="figure-info">
			                    			<h2 class="">红魔电竞游戏手机图赏</h2>
			                    			<p class="ellapse-m"></p>
			                    		</div>
		                    		</li>
		                    	</a>
		                    	<a href="#">
		                    		<li style="margin-bottom:13px" class="goods-hover-shows phone-comment">
		                    			<img src="./images/152351505990.jpg">
		                    			<div class="figure-info">
		                    				<h2 class="">全能“小钢炮”Z18mini震撼发布</h2>
		                    				<p class="ellapse-m"></p>
		                    			</div>
		                    		</li>
		                    	</a>
		                    	<a href="#">
		                    		<li style="margin-bottom:13px" class="goods-hover-shows phone-comment">
		                    			<img src="./images/151963062455.jpg">
		                    			<div class="figure-info">
		                    				<h2 class="">创造更好的未来</h2>
		                    				<p class="ellapse-m"></p>
		                    			</div>
		                    		</li>
		                    	</a>
		                    	<a href="#">
		                    		<li style="margin-bottom:13px" class="goods-hover-shows phone-comment">
		                    			<img src="./images/152119906447.jpg">
		                    			<div class="figure-info">
		                    				<h2 class="">nubia ROM全新升级</h2>
		                    				<p class="ellapse-m">努比亚Z17系列进行了全面优化</p>
		                    			</div>
		                    		</li>
		                    	</a>
		                    </ul>
		                </dd>
		                <!--产品热评列表结束-->
		            </dl>
		            <!--产品热评结束-->

		            <!--服务开始-->
		            <dl class="cl nb-mall-m-rel">
		            	<!--服务标题开始-->
		                <dt class="title">
		                <h2>服务</h2>
		                <a href="/service.php" target="_blank">查看更多 <i class="icon-circle-more"></i></a>
		                </dt>
		                <!--服务标题结束-->
		                <!--服务列表开始-->
		                <dd class="nbc-new1-box">
		                    <ul class="cl">
		                        <li target="_blank" class="goods-hover-shows phone-server href1">
		                            <div class="figure-info">
		                                <i class="icon-circle_report"></i>
		                                <div class="info-text">
		                                    <a href="#" target="_blank">
		                                        <h2>售后政策</h2>
		                                        <p>了解nubia努比亚的服务和保修等相关政策。</p>
		                                    </a>
		                                </div>
		                            </div>
		                        </li>
		                        <li target="_blank" class="goods-hover-shows phone-server href2">
		                            <div class="figure-info">
		                                <i class="icon-circle_cog"></i>
		                                <div class="info-text">
		                                    <a href="#" target="_blank">
		                                        <h2>特色服务</h2>
		                                        <p class="ellapse-m">
		                                            我们为您准备了一系列与众不同的服务内容，从意外宝到上门服务，通过电话及服务网点获取支持或安排维修。
		                                        </p>
		                                    </a>
		                                </div>
		                            </div>
		                        </li>
		                        <li class="goods-hover-shows phone-server-list" style="height:117px;">
		                            <div class="server-list-item">
		                                <a href="#" target="_blank">
		                                    <i class="icon-circle_7-c"></i>
		                                    <span>7天无理由退货</span>
		                                </a>
		                            </div>
		                            <div class="server-list-item">
		                                <a href="#" target="_blank">
		                                    <i class="icon-circle_15-c"></i>
		                                    <span>15天免费上门换货</span>
		                                </a>
		                            </div>
		                            <div class="server-list-item">
		                                <a href="#" target="_blank">
		                                    <i class="icon-circle_sf"></i>
		                                    <span>全场59元免运费</span>
		                                </a>
		                            </div>
		                            <div class="server-list-item">
		                                <a href="#" target="_blank">
		                                    <i class="icon-circle_localization"></i>
		                                    <span>查找线下商店</span>
		                                </a>
		                            </div>
		                        </li>
		                    </ul>
		                </dd>
		                <!--服务列表结束-->
		            </dl>
		            <!--服务结束-->
		        </div>
		    </div>
		</div>
	
		<div id="nb-show-layer" style="top: 0px;">
			<a style="z-index: 10; display: none; opacity: 0;" href="#" class="nb-sl-close"></a>
			<div class="nb-video-layer" style="z-index: 1; display: none; opacity: 0; width: 939px; height: 645px;">
				<div class="bn-vl-box" style="display: none; opacity: 0; width: 751.2px; height: 5805px; top: 5%; left: 10%; margin: 0px;">
				</div>
			</div>
		</div>


		<!--页脚菜单开始-->
		<div id="footer-menu">
		    <div class="bg-base-dark">
		        <div class="container">
		            <div class="bottom-menu bottom-menu-large">
		                <div class="row">

		                	<!--关于我们菜单开始-->
		                    <div class="col-sm-2">
		                        <h5 class="title">关于我们</h5>
		                        <ul class="bottom-links">
	                                <li><a target="_blank" href="#">关于nubia</a></li>
		                            <li><a target="_blank" href="#">新闻中心</a></li>
		                            <li><a target="_blank" href="#">体验店</a></li>
	                                <li><a target="_blank" href="#">公益</a></li>
		                            <li><a target="_blank" href="#">星空之约</a></li>
	                                <li><a target="_blank" href="#">视频长廊</a></li>
	                                <li><a target="_blank" href="#">联系我们</a></li>
	                                <li><a target="_blank" href="#">友情链接</a></li>
	                                <li><a target="_blank" href="#">合作伙伴</a></li>
	                            </ul>
		                    </div>
		                    <!--关于我们菜单结束-->

		                    <!--手机菜单开始-->
		                    <div class="col-sm-2">
		                        <h5 class="title">手机</h5>
		                        <ul class="bottom-links">
		                            <li><a target="_blank" href="#">红魔电竞游戏手机</a></li>
	                                <li><a target="_blank" href="#">Z18mini</a></li>
	                                <li><a target="_blank" href="#">V18</a></li>
		                            <li><a target="_blank" href="#">nubiaZ17S</a></li>
		                            <li><a target="_blank" href="#">nubiaZ17minis</a></li>
		                            <li><a target="_blank" href="#">nubia Z17</a></li>
		                            <li><a target="_blank" href="#">nubia Z17mini</a></li>
		                            <li><a target="_blank" href="#">nubia Z11</a></li>
		                            <li><a target="_blank" href="#">nubia N3</a></li>
		                            <li><a target="_blank" href="#">M2青春版</a></li>
		                            <li><a target="_blank" href="#">N2</a></li>
		                            <li><a target="_blank" href="#">M2畅玩版</a></li>
		                        </ul>
		                    </div>
		                    <!--手机菜单结束-->

		                    <!--配件菜单开始-->
		                    <div class="col-sm-2">
		                        <h5 class="title">配件</h5>
		                        <ul class="bottom-links">
	                                <li><a target="_blank" href="#">保护壳</a></li>
	                                <li><a target="_blank" href="#">皮套</a></li>
	                                <li><a target="_blank" href="#">贴膜</a></li>
	                                <li><a target="_blank" href="#">耳机</a></li>
	                                <li><a target="_blank" href="#">数据线/充电器</a></li>
	                                <li><a target="_blank" href="#">周边产品</a></li>
	                            </ul>
		                    </div>
		                    <!--配件菜单结束-->

		                    <!--服务中心菜单开始-->
		                    <div class="col-sm-2">
	                            <h5 class="title">服务中心</h5>
	                            <ul class="bottom-links">
	                                <li><a target="_blank" href="#">个人中心</a></li>
	                                <li><a target="_blank" href="#">售后服务</a></li>
	                                <li><a target="_blank" href="#">售后网点</a></li>
	                                <li><a target="_blank" href="#">特色服务</a></li>
	                                <li><a target="_blank" href="#">软件下载</a></li>
	                                <li><a target="_blank" href="#">产品安全</a></li>
	                            </ul>
		                    </div>
		                    <!--服务中心菜单结束-->

		                    <!--关注我们菜单开始-->
		                    <div class="col-sm-2">
	                            <h5 class="title">关注我们</h5>
	                            <ul class="bottom-links">
	                                <li><a target="_blank" href="#">社区</a></li>
	                                <li><a target="_blank" href="#">新浪微博</a></li>
	                                <li style="position: relative;">
	                                	<a target="_blank" href="javascript:;" id="wx">微信</a>
	                                	<b class="wxewm" style="display: none; opacity: 0;">
	                                		<img src="./images/nb-weixin-code-figure.jpg"><span></span>
	                                	</b>
	                                </li>
	                            </ul>
		                    </div>
		                    <!--关注我们菜单结束-->

		                    <!--全国服务热线菜单开始-->
		                    <div class="col-sm-2">
	                            <h5 class="title">全国服务热线</h5>
	                            <ul class="bottom-links">
	                                <li><a target="_blank" href="tel:00864007006600"><i class="icon-phone  mrm"></i>400-700-6600</a></li>
	                                <li><small class="text-light">周一到周日 8:30-20:30<br> (全年无休)</small></li>
	                            </ul>
		                    </div>
		                    <!--全国服务热线菜单结束-->
		                </div>
		            </div>
		        </div>
		    </div>
		</div>
		<!--页脚菜单结束-->

		<!--页脚开始-->
		<footer class="master-footer">
		    <div class="container">
		        <a href="#"><img src="./images/nubia-logo-x2.png" width="105" alt="Nubia Logo"></a>
		        <div style="font-size: 32px;">
		            <a href="#" class="text-weibo" target="_blank"><span class="icon-circle_weibo mrs"></span></a>
		            <a href="javascript:void(0)" class="text-wechat" target="_blank"><span class="icon-circle_wechat mrs"></span></a>
					<b class="wxewm" style="opacity: 0; display: none;"><img src="./images/nb-weixin-code-figure.jpg"><span></span></b>
		            <a href="javascript:void(0)" class="text-nubia"><span class="icon-circle_headphones-mic mrs"></span></a>
		        </div>
		        <div class="nubia-foot-nav">
		            <small> 2012-2018 努比亚技术有限公司 版权所有 
		            	<a href="http://www.miibeian.gov.cn/">粤ICP备10006213号-2</a>
		                <br>
		                <a href="http://szcert.ebs.org.cn/D52B1891-CB9A-4FD0-8BC6-1D5650B567CE" target="_blank">
		                    <img src="./images/57fc5f6def76275.jpg" title="深圳市市场监督管理局企业主体身份公示" alt="深圳市市场监督管理局企业主体身份公示" border="0" style="border-width:0px;border:hidden; border:none;vertical-align: middle;height: 18px;">
		                </a>ICP经营许可证编号：粤B2-20120688
		                <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44030502000309">
		                    <img src="./images/57c5599015f1558.png" style="vertical-align: middle;height: 14px;margin-right: 5px;">
		                    <span style="line-height: 14px;">粤公网安备 44030502000309号</span>
		                </a>
		                <a class="cx-site" style="margin-left: 10px" target="_blank" href="https://ss.knet.cn/verifyseal.dll?sn=e13051344030040649k5ci000000&amp;tp=icon1&amp;ct=df&amp;a=1&amp;pa=0.5904676486968843">
		                    <img style="height: 30px;" src="http://rr.knet.cn/static/images/logo/cnnic.png" alt="">
		                </a>
		                <a class="cx-site" id="___szfw_logo___" href="https://credit.szfw.org/CX20160615015661830116.html" target="_blank">
		                	<img src="http://icon.szfw.org/cert.png" height="30px" border="0">
		                </a>
		            </small>

		            <br>
		            <a target="_blank" href="#">加入我们</a>-
		            <a target="_blank" href="#">公益</a>-
		            <a target="_blank" href="#">星空之约</a>-
		            <a href="javascript:void(0);">问题反馈</a>-
		            <div class="btn-group dropup" style="">
		                <button id="selectCountry" class="btn btn-nn btn-secondary" style="margin-top: 0;" data-toggle="modal" data-target="#CountryModal">
		                    <i class="flag mrs flag-cn"></i>简体中文
		                </button>
		            </div>
		        </div>
		    </div>
		</footer>
		<!--页脚结束-->

		<!--快捷工具开始-->
		<div id="nb-extra-tool">
		    <ul>
		        <li class="nb-et-service">
		            <a class="nb-service-ico icon-circle_headphones-mic" title="在线客服" target="_blank"></a>
		        </li>
		        <li class="nb-et-apk">
		            <a class="icon-circle_bag" href="#"></a>
		            <div class="nb-et-apk-layer">
		                <img src="./images/5a025bb45ab694.png">
		            </div>
		        </li>
		        <li class="nb-et-top">
		            <a class="icon-circle_arrow-up" href="javascript:void(0)"></a>
		        </li>
		    </ul>
		</div>
		<!--快捷工具结束-->


		<script type="text/javascript" >

		    var NUBIA_STORE_COMMON={

		        init : function(){
		            this.goodsHover();
		            this.pro_cata();
		        },

		        /*侧边栏产品菜单事件响应函数*/
		        pro_cata : function(){
		            var _nb_m_cata=$('.nb-mobile-contain .nb-ml-h-nav-box'),
		                    _nb_mc_item=_nb_m_cata.find('.nb-ml-side li');

		            _nb_mc_item.on({
		                mouseenter: function () {
		                    var $this=$(this);
		                    var left_cl=240;
		                    var top_cl;
		                    $(this).children('a').addClass('current').parent().siblings().children('a').removeClass('current');
		                    $(this).find('.nb-mlside-menu').css({display: 'block'}).parent().siblings().find('.nb-mlside-menu').css({display: 'none'});
		                    var cl_num=$(this).find(".nb-mlside-menu a.cl");
		                    if(cl_num.length>6){
		                        $this.find('.nb-mlside-menu').css("width","480px");
		                        if(cl_num.length>12){
		                            $this.find('.nb-mlside-menu').css("width","720px");
		                            if(cl_num.length>18){
		                                $this.find('.nb-mlside-menu').css("width","960px");
		                                if(cl_num.length>24){
		                                    $this.find('.nb-mlside-menu').css("width","1200px");
		                                }
		                            }
		                        }
		                        for(var i=6;i<=cl_num.length;i++){
		                            top_cl=i-6;
		                            if(i>=12){left_cl=480;top_cl=i-12;if(i>=18){left_cl=720;top_cl=i-18;if(i>=24){left_cl=960;top_cl=i-24}}}
		                            $this.find('.nb-mlside-menu>a').eq(i).css({
		                                "position":"absolute",
		                                "left":left_cl+"px",
		                                "top":top_cl*89+"px"
		                            });
		                        }
		                    }


		                },
		                mouseleave : function(){
		                    $(this).children('a').removeClass('current');
		                    $(this).find('.nb-mlside-menu').css({display:'none'});
		                }
		            });


		        },
		        goodsHover : function(){
		            var goodsBox=$('li.goods-hover-shows'),
		                    $price = goodsBox.find('.price'),
		                    $btn = goodsBox.find('.nbc-pro-btn');
		            goodsBox.each(function(i,j){
		                var $goods  = $(j),
		                        $btn    = $goods.find('div.nbc-pro-btn'),
		                        $price  = $goods.find('div.price'),
		                        pfigure = $goods.find('div.nbc-pro-cont');

		                $goods.hover(function(){
		                    $btn.toggle()
		                    $price.toggle()
		                });
		            });
		        },
		    };
		    NUBIA_STORE_COMMON.init();

		    jQuery("#collapse_btn").on('touchstart, click', function(e) {
		        jQuery(document.documentElement).toggleClass('no-scroll');
		        jQuery('#navbar-collapse-main li').toggleClass('opacity')
		    });

		    $(function () {
		        function change(){
		            var w=$(window).width(), 
		            	$imgs = $(".bxslider>li>a>img");
		            $.each($imgs, function(i, img) {
		            	var src = $(img).attr('src');
		            	var x2src = $(img).attr('data-x2');
		            	if(w>1920){
		            		$(img).attr('src', x2src);
		            	}else{
		            		$(img).attr('src', src);
		            	}
		            });
		            $(".bxslider>li>a>img").css("left",-(1920-w)/2);
		        }
		        change();
		        $(window).resize(change);
		    });
		    $(function(){

		        $(".nb-ml-nr-item>div>a>img").mouseenter(function(){
		            $(this).parent("a").siblings().css({"padding-top":"0px"});

		        })
		        $(".nb-ml-nr-item>div>a>img").mouseleave(function(){
		            $(this).parent("a").siblings().css({"padding-top":"4px"});
		        });

		        $(".href1").click(function () {
		            window.open("http://www.nubia.com/active/postsalesservice.html")
		        })
		        $(".href2").click(function () {
		            window.open("http://www.nubia.com/active/c10bc50255fb76f.html")
		        });

		    });
		    $(document).ready(function(){
		        NUBIA_STORE_COMMON.pro_cata();

		    });
		    $(".nb-channel-item>ul>li").hover(function () {
		        $(this).addClass("bgc").siblings("li").removeClass("bgc");
		    })
		    setInterval(function () {
		        $(".bx-wrapper .bx-next ").click()
		    },5000)
		</script>

		<script>  
			var i=0;  
			var c = null;  
				/*设置定时器*/
			    c = setTimeout(slide_img,5000);//开始执行  
			    /*首页定时轮播图片函数*/
			    function slide_img()  
			    {  
			          
			        clearTimeout(c);//清除定时器  
			        
			        if (i<=3){
			        	//前4帧图片切换
					    $(".bxslider li:eq("+i+")").fadeOut(500);  
					    $(".bxslider li:eq("+(i+1)+")").fadeIn(500);  
					    i++;  
					    //显示图片顺序的圆点切换
					    $(".bx-pager-item a").removeClass("active");  
					    $(".bx-pager-item a:eq("+i+")").addClass("active");  
			        }
			    	else{  
			    		//最后一帧图片切换
				        $(".bxslider li:eq("+i+")").fadeOut(500); 
				        $(".bxslider li:eq(0)").fadeIn(500);  
				        i=0;  
				        //显示图片顺序的圆点切换
				        $(".bx-pager-item a").removeClass("active"); 
				        $(".bx-pager-item a:eq(0)").addClass("active");  
			        
			    }  
			    c = setTimeout(slide_img,5000); //设定定时器，循环执行               
			    }   
		</script>  

		<script>  
			/*导航栏菜单鼠标响应事件*/
			$("li.product").mouseenter(function(){
				//鼠标进入，显示导航栏下拉菜单
			    var list = $(this).find("div.list");
				list.animate({height: "240px"},400);
			}).mouseover(function(){
			    //鼠标进入，显示导航栏下拉菜单
			    var list = $(this).find("div.list");
			    if (list.height() == 0){ 
			        list.animate({height: "240px"},400);
			    }
			}).mouseout(function(e){
			    //鼠标离开，收起导航栏下拉菜单
			    var list = $(this).find("div.list");
			    var offset = list.offset();
			    if (e.pageX>=offset.left && e.pageX<=offset.left+list.width() && e.pageY>=offset.top && e.pageY<=offset.top+list.height()){
			        return;
			    }
			    if (list.height() > 0){ 
			        list.animate({height: "0px"},400);
			    }
			});


			/*微信链接鼠标响应事件*/
			$("a#wx").mouseenter(function(){
			    $(this).next('b').show().animate({opacity:1},300);
			}).mouseover(function(){
			    if ($(this).next('b').is(":visible")) {
			        return;
			    }
			    else{
			    	$(this).next('b').show();
			    }
			}).mouseout(function(){
			    $(this).next('b').stop().animate({opacity:0},300,function (){ $(this).hide() });
			});


			/*微信图标链接鼠标响应事件*/
			$("a.text-wechat").mouseenter(function(){
				$(this).next('b').show().animate({opacity:1},300);
			}).mouseover(function(){
			    if ($(this).next('b').is(":visible")) {
			        return;
			    }
			    else{
			        $(this).next('b').show();
			    }	
			}).mouseout(function(){
			    $(this).next('b').stop().animate({opacity:0},300,function (){ $(this).hide() });
			});
		</script>  

	</body>
</html>